<template>
  <div>
    <el-menu :default-active="this.$router.path" router="true" class="model-asides">
      <el-submenu index="/purchase">
        <template #title>
          <i class="el-icon-shopping-cart-full"></i>
          <span>采购订单</span>
        </template>
        <el-menu-item index="/purchase"> <i class="el-icon-shopping-cart-full"></i>采购订单</el-menu-item>
        <!-- <el-menu-item index="/model">模块管理</el-menu-item> -->
      </el-submenu>
      <el-submenu index="/user">
        <template #title>
          <i class="el-icon-setting"></i>
          <span>系统管理</span>
        </template>
        <el-menu-item index="/user"><i class="el-icon-user"></i>用户管理</el-menu-item>
        <!-- <el-menu-item index="/model">模块管理</el-menu-item> -->
      </el-submenu>
    </el-menu>
  </div>
</template>
<script>
export default {
  data() {
    return {
      isCollapse: false,
    };
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>
<style scoped>
/* 侧边栏 */
.model-asides {
  width: 200px;
  min-height: calc(100vh-50px);
}
</style>